html {
    height: 100%;
    body {
        height: 100%;
        background-color: #f4f4f4;
        .index {
            max-width: 750px;
            min-width: 300px;
            margin: 0 auto;
            position: relative;
            .topbar {
                width: 100%;
                height: 1.066666rem;
                background-color: #fff;
                text-align: center;
                a {
                    float: left;
                    display: block;
                    width: 10%;
                    height: 100%;
                    i {
                        display: block;
                        font-size: 0.466666rem;
                        line-height: 1.066666rem;
                    }
                }
                p {
                    float: left;
                    display: block;
                    width: 80%;
                    margin-right: 10%;
                    font-size: 0.466666rem;
                    line-height: 1.066666rem;
                }
            }
                        .list {
                overflow: hidden;
                li {
                    display: block;
                    width: 90%;
                    padding: 0 5%;
                    background-color: #fff;
                    vertical-align: middle;
                    margin: .05rem 0;
                    span {
                        display: block;
                        float: left;
                        height: 0.26rem;
                        width: 0.26rem;
                        border-radius: .13rem;
                        margin-top: 0.6rem;
                        margin-right: 0.25rem;
                        background-color: #13b798;
                    }
                    .title {
                        display: block;
                        width: 20%;
                        float: left;
                        text-align: center;
                        font-size: 0.333333rem;
                        font-weight: 600;
                        letter-spacing: 0.1em;
                        color: #3a3a3a;
                        line-height: 1.5rem;
                    }
                    .content {
                        display: inline-block;
                        line-height: 1.5rem;
                        height: 1.5rem;
                        float: left;
                        width: 70%;
                        border: none;
                        font-size: 0.333333rem;
//                      border-radius: 0;
                        color: #515151;
                        text-align: left;
                        margin-left: 5%;
                    }
                    input{
                         display: inline-block;
                        line-height: 1.5rem;
                        height: 1.5rem;
                        float: left;
                        width: 60%;
                        border: none;
                        font-size: 0.4rem;
                        border-radius: 0;
                        text-align: left;
                        margin-left: 5%;
                    }
                    ::-webkit-input-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.5rem;
                    }
                    ::-moz-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.5rem;
                    }
                    i{
                        color: #aaaaaa;
                        float: right;
                        line-height: 1.5rem;
                    }
                    textarea {
                        font-size: 0.4rem;
                        display: block;
                        width: 60%;
                        height: 3rem;
                       
                        padding: 5%;
                        padding-bottom: .1rem;
                    }
                    textarea::-webkit-input-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.2;
                    }
                    textarea::-moz-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 2;
                    }
                }
            }
            .input-group{
                width: 90%;
                margin: 0.5rem auto;
                .have{
                    background: url('../img/submit-protocol/have.png') center no-repeat;
                }
                .shot{
                    background: url('../img/submit-protocol/shot.png') center no-repeat;
                }
                .input-box{
                    float: left;
                    width: 48%;
                    margin: 0 1%;
                    height: 2.666666rem;                   
                    position: relative;
//                  background: url('../img/submit-protocol/have.png') center no-repeat;
                    background-size: cover;
                    input{
                        border: none;
                        background: transparent;
                        opacity: 0;
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                    }
                }               
            }
            .btn{
                width: 83%;
                letter-spacing: 0.2em;
                padding-left: 2%;
                line-height: 2.5;
                margin: 0.3rem auto;
                font-size: 0.48rem;
                color: #fff;
                text-align: center;
                background-color: #1ba7c2;
                
            }
        }
    }
}